<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

  <head>
      <meta charset="utf-8"/>
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
      <meta name="description" content=""/>
      <meta name="author" content=""/>

      <title>Clean Blog - Start Bootstrap Theme</title>

      <!-- Bootstrap core CSS -->
      <link href="/vendor/bootstrap/css/bootstrap.min.css" th:href="@{/vendor/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>

      <!-- Custom fonts for this template -->
      <link href="/vendor/font-awesome/css/font-awesome.min.css" th:href="@{/vendor/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
      <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'/>
      <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'/>

      <!-- Custom styles for this template -->
      <link href="/css/clean-blog.min.css" th:href="@{/css/clean-blog.min.css}" rel="stylesheet"/>


  </head>

  <body>

  <div th:include="header :: header"></div>

    <!-- Page Header -->
    <header class="masthead" style="background-image: url('/img/about-bg.jpg')">
      <div class="overlay"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
            <div class="page-heading">
              <h1>About Me</h1>
              <span class="subheading">This is what I do.</span>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!-- Main Content -->
    <div class="container" id="bloggerinfo">
      <div class="row">
        <div class="col-lg-8 col-md-10 mx-auto" >
          <p data-th-id="bloggername" th:utext="${blogger.introduce}">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe nostrum ullam eveniet pariatur voluptates odit, fuga atque ea nobis sit soluta odio, adipisci quas excepturi maxime quae totam ducimus consectetur?</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius praesentium recusandae illo eaque architecto error, repellendus iusto reprehenderit, doloribus, minus sunt. Numquam at quae voluptatum in officia voluptas voluptatibus, minus!</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut consequuntur magnam, excepturi aliquid ex itaque esse est vero natus quae optio aperiam soluta voluptatibus corporis atque iste neque sit tempora!</p>
        </div>
      </div>
    </div>

    <hr/>
    <div th:include="footer :: footer"></div>


    <!-- Bootstrap core JavaScript -->
    <script th:src="@{/vendor/jquery/jquery.min.js}"></script>
    <script th:src="@{/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>

    <!-- Custom scripts for this template -->
    <script th:src="@{js/clean-blog.min.js}"></script>

    <!--<script type="text/javascript">-->
        <!--$().ready(function () {-->
            <!--$.ajax({-->
                <!--type: "POST",-->
                <!--url: "/foreground/tbBlogger/getUserById",-->
                <!--data: {bloggerId:1},-->
                <!--dataType: "json",-->
                <!--success: function(data){-->
                    <!--// $('#bloggerinfo').empty();   //清空resText里面的所有内容-->
                    <!--// var html = '';-->
                    <!--// $.each(data, function(blogger){-->
                    <!--//     html += '<div class="row"> <div class="col-lg-8 col-md-10 mx-auto" ><p>' + blogger['username']-->
                    <!--//         + '</p></div></div>';-->
                    <!--// });-->
                    <!--// html += '<div class="row"> <div class="col-lg-8 col-md-10 mx-auto" ><p>' + data.username-->
                    <!--//          + '</p></div></div>';-->
                    <!--$('#bloggername').html(data.bloggerIntroduce);-->
                <!--}-->
            <!--});-->


        <!--});-->

    <!--</script>-->

  </body>

</html>
